<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="css/layui.css"  media="all">
  <link rel="stylesheet" type="text/css" href="css/iconfont.css"/>
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
  <style type="text/css">
  	button{
		margin-bottom: 10px;
	}
  </style>
</head>
<body>
            


<fieldset class="layui-elem-field site-demo-button">
  <legend>灵活的图标按钮</legend>
  <div>
    <button class="layui-btn"><i class="iconfont">&#xe680;</i>审核通过</button>
    <button class="layui-btn layui-btn-danger"><i class="iconfont">&#xe67f;</i>审核驳回</button>
    <button class="layui-btn"><i class="iconfont">&#xe61e;</i>置为首页展示</button>
    <button class="layui-btn"><i class="iconfont">&#xe600;</i>查看上下文</button>
    <button class="layui-btn"><i class="iconfont">&#xe63c;</i>新建</button>
    <button class="layui-btn"><i class="iconfont">&#xe633;</i>提交审核</button>
	<button class="layui-btn"><i class="iconfont">&#xe624;</i>提交展示</button>
	<button class="layui-btn layui-btn-danger"><i class="iconfont">&#xe625;</i>撤销展示</button>
	<button class="layui-btn layui-btn-danger"><i class="iconfont">&#xe61b;</i>删除</button>
	<button class="layui-btn"><i class="iconfont">&#xe74a;</i>编辑</button>
	<button class="layui-btn"><i class="iconfont">&#xe6be;</i>推荐</button>
	<button class="layui-btn"><i class="iconfont">&#xe6be;</i>取消推荐</button>
	<button class="layui-btn"><i class="iconfont">&#xe6a9;</i>预览</button>
	
	
    
    


 

</fieldset> 
          
<script src="//res.layui.com/layui/dist/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
</body>
</html>